﻿
/* * { margin:0px; padding:0px; border:0px;} */
/* top, right, bottom, left */  	/* top/Bottom, right/left */  	/* top, right/left, Bottom */

body { 
	background-image:url("../Images/Background.jpg"); 
	margin: 20px 20px;
	box-sizing: border-box;
 }

footer {
	margin-top:40px;
}

li { list-style: none; margin-bottom:5px;  } 
li { list-style: none; margin-top:5px;  }
ul { margin-bottom:20px; }

a { text-decoration-line: none}

a:hover {  text-transform: capitalize;  color: #ff0000;  font-family: "Comic Sans MS";}

.child{
/*border: 1px	solid black;   /* Set line color to child*/
margin: 10px;	  
width: 100%;
text-align: center; 
min-height: 100px;
}
.container img{ width:90%; border:0px;}

header img{ max-width:width 80px ; border:0px;}

.logo { 
	margin:5px;	width: 110px; ; 
	 }	


                           /**************************************    Mobile Phone     **********************************************/

.container{
   		display:grid;
      	grid-template-columns:100%;
      	grid-auto-rows:minmax(220px auto);
      	grid-gap:5px;
      	 }    	

a:active {
		color: #ff0000;  }

a:hover {
		text-transform: capitalize;
		color: #ff0000;
		font-family: "Comic Sans MS";  }

/* top, right, bottom, left */

              /**************************************    HUDLE Tablet Screens           **********************************************

@media(min-width: 800px){
.container{
      	grid-template-columns:50% 50%;
      	grid-auto-rows:minmax(120px auto);
}
}
                	/**************************************    Laptop Screens             **********************************************

@media(min-width:1000px){
.container{
      	grid-template-columns:33.3% 33.3%  33.3% ;
      	grid-auto-rows:minmax(120px auto);
}
}
				/**************************************            Desktop Screens                **********************************************/

@media(min-width:1200px){
.container
	{
		grid-template-columns:repeat( 3 ,1fr) ;   	 
	}
}
           /**************************************            End Screens                *********************************************/